#mole {
    /* text-align: center; */
    width: 670px;
    height: 412px;
    margin: 0px auto;
}

#text {
    text-align: center;
}

#button {
    overflow: hidden;
    margin: 0px auto;
    width: 284px;
    height: 50px;
}

#start, #end {
    height: 23px;
}

.right {
    float: right;
}

.left {
    float: left;
}


button {
    /* margin-right: 0px; */
    font-size: 10px;
}

input {
    width: 40px;
    text-align: right;
}

#GG {
    width: 135px;
    text-align: left;
}

#map {
    padding: 15px 0px;
    margin: 30px auto;
    height: 168px;
    width: 250px;
    border-top: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
}

input[name="hole"] {
    width: 16px;
    height: 16px;
    margin: 6px 4.5px;
    padding: 0px;
    /* border: 0px solid blue;
    border-radius: 50%; */
    /* box-shadow: 0px 0px 5px 1px #6f6f6f; */
    /* box-shadow: inset 0px 0px 0px 1px blue; */
    outline: none;
}

input[style="name=hole"] :focus {
    outline: -webkit-focus-ring-color auto 0px;
}

#instr p {
    /* margin-left: 25px; */
    margin: auto auto auto 25px;
}

#instr span {
    font-weight: bold;
}